<div class="mui-content aside-serach-content">
    <form class="mui-input-group search-asdie-content">
        <div class="asdie-header">
            <span class="mui-icon mui-icon-search"></span>
            <span>商标搜索</span>
            <button type="button" class="mui-btn mui-btn-outlined clear" id="search-clear">清空</button>
            <input type="submit" class="mui-btn mui-btn-outlined submit" id="search-submit" value="确认">
        </div>

        <div class="mui-input-row mui-select">
            <select id="select-cate">
                <option value="0">类别</option>
                <option value="1">第1类</option>
                <option value="2">第2类</option>
                <option value="3">第3类</option>
                <option value="4">第4类</option>
                <option value="5">第5类</option>
                <option value="6">第6类</option>
                <option value="7">第7类</option>
                <option value="8">第8类</option>
                <option value="9">第9类</option>
                <option value="10">第10类</option>
                <option value="11">第11类</option>
                <option value="12">第12类</option>
                <option value="13">第13类</option>
                <option value="14">第14类</option>
                <option value="15">第15类</option>
                <option value="16">第16类</option>
                <option value="17">第17类</option>
                <option value="18">第18类</option>
                <option value="19">第19类</option>
                <option value="20">第20类</option>
                <option value="21">第21类</option>
                <option value="22">第22类</option>
                <option value="23">第23类</option>
                <option value="24">第24类</option>
                <option value="25">第25类</option>
                <option value="26">第26类</option>
                <option value="27">第27类</option>
                <option value="28">第28类</option>
                <option value="29">第29类</option>
                <option value="30">第30类</option>
                <option value="31">第31类</option>
                <option value="32">第32类</option>
                <option value="33">第33类</option>
                <option value="34">第34类</option>
                <option value="35">第35类</option>
                <option value="36">第36类</option>
                <option value="37">第37类</option>
                <option value="38">第38类</option>
                <option value="39">第39类</option>
                <option value="40">第40类</option>
                <option value="41">第41类</option>
                <option value="42">第42类</option>
                <option value="43">第43类</option>
                <option value="44">第44类</option>
                <option value="45">第45类</option>
            </select>
        </div>

        <div class="keyword">
            <input type="text" class="mui-input keyword-input" placeholder="商标名称 关键字" value="">
        </div>

        <div class="search-choose-wrap">
            <ul class="mui-table-view">
                <li class="mui-table-view-cell mui-collapse">
                    <a class="mui-navigate-right" href="javascript:;">选择群组</a>
                    <div class="mui-collapse-content">
                        <style>
                            .group-checked-box {
                                padding: 10px 0;
                            }
                            .mui-input-group .group-checked-box .mui-input-row {
                                height: auto;
                                width: 100%;
                                padding-bottom: 5px;
                            }
                            .group-checked-box .mui-checkbox.mui-left label {
                                padding: 0 0 0 30px;
                                line-height: 24px;
                            }
                            .mui-input-group .group-checked-box .mui-input-row:after {
                                height: 0;
                            }
                            .group-checked-box .mui-checkbox.mui-left input[type="checkbox"] {
                                left: 0;
                                top: 0;
                            }
                            .group-checked-box .mui-checkbox input[type="checkbox"]:before {
                                font-size: 24px;
                            }
                        </style>
                        <div class="choose-list-wrap group-checked-box">
                            <!-- <label>
                                <input type="checkbox" getkey='25group' name="25group[]" owkey='12' value="0101"  />【0101】 - 工业气体，单质
                            </label>	 -->
                            <div class="mui-input-row mui-checkbox mui-left">
                                <label>【0101】 - 工业气体，单质</label>
                                <input name="25group[]" value="0101" type="checkbox">
                            </div>
                            <div class="mui-input-row mui-checkbox mui-left">
                                <label>checkbox示例2</label>
                                <input name="25group[]" value="Item 2" type="checkbox">
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
            <ul class="mui-table-view">
                <li class="mui-table-view-cell mui-collapse">
                    <a class="mui-navigate-right" href="javascript:;">包含关键字</a>
                    <div class="mui-collapse-content">
                        <div class="choose-list-wrap">
                            <p class="choose-list checkbox choose-active" name="before" value="1">
                                前包含
                            </p>
                            <p class="choose-list checkbox" name="middle" value="1">
                                任意包含
                            </p>
                            <p class="choose-list checkbox" name="end" value="1">
                                结尾包含
                            </p>
                            <p class="choose-list checkbox" name="like" value="1">
                                包含任意商标
                            </p>
                        </div>
                    </div>
                </li>
            </ul>
            <ul class="mui-table-view">
                <li class="mui-table-view-cell mui-collapse mui-active">
                    <a class="mui-navigate-right" href="javascript:;">商标类型</a>
                    <div class="mui-collapse-content">
                        <div class="choose-list-wrap radio-wrap">
                            <p class="choose-list" data-radio="cn" name="chun_ch" key="1" value="1">
                                纯中文
                            </p>
                            <p class="choose-list" data-radio="en" name="chun_en" key="1" value="1">
                                纯英文
                            </p>
                            <p class="choose-list" data-radio="pic" name="chun_tx" key="1" value="1">
                                纯图形
                            </p>
                            <p class="choose-list" data-radio="num" name="chun_num" key="1" value="1">
                                纯数字
                            </p>
                            <p class="choose-list checkbox" name="chinese" key="2" value="1">
                                包含中文
                            </p>
                            <p class="choose-list checkbox" name="english" key="2" value="1">
                                包含英文
                            </p>
                            <p class="choose-list checkbox" name="tuxing" key="2" value="1">
                                包含图形
                            </p>
                            <p class="choose-list checkbox" name="numbers" key="2" value="1">
                                包含数字
                            </p>
                        </div>
                    </div>
                </li>
            </ul>
            <ul class="mui-table-view cn-radio">
                <li class="mui-table-view-cell mui-collapse">
                    <a class="mui-navigate-right" href="javascript:;">汉字字数</a>
                    <div class="mui-collapse-content">
                        <div class="choose-list-wrap">
                            <p class="choose-list" name="ch_num" value="1,1">1个汉字</p>
                            <p class="choose-list" name="ch_num" value="2,2">2个汉字</p>
                            <p class="choose-list" name="ch_num" value="3,3">3个汉字</p>
                            <p class="choose-list" name="ch_num" value="4,999">4个汉字</p>
                        </div>
                    </div>
                </li>
            </ul>
            <ul class="mui-table-view en-radio">
                <li class="mui-table-view-cell mui-collapse ">
                    <a class="mui-navigate-right" href="javascript:;">英文字数</a>
                    <div class="mui-collapse-content">
                        <div class="choose-list-wrap">
                            <p class="choose-list" name="en_num" value="1,1">1个字母</p>
                            <p class="choose-list" name="en_num" value="2,2">2个字母</p>
                            <p class="choose-list" name="en_num" value="3,3">3个字母</p>
                            <p class="choose-list" name="en_num" value="4,4">4个字母</p>
                            <p class="choose-list" name="en_num" value="5,5">5个字母</p>
                            <p class="choose-list" name="en_num" value="6,6">6个字母</p>
                            <p class="choose-list" name="en_num" value="7,7">7个字母</p>
                            <p class="choose-list" name="en_num" value="8,999">8个字母</p>
                        </div>
                    </div>
                </li>
            </ul>
            <ul class="mui-table-view">
                <li class="mui-table-view-cell mui-collapse">
                    <a class="mui-navigate-right" href="javascript:;">注册年限</a>
                    <div class="mui-collapse-content">
                        <div class="choose-list-wrap">
                            <p class="choose-list" name="regdate" value="0,999">不限</p>
                            <p class="choose-list" name="regdate" value="0,1">1年以下</p>
                            <p class="choose-list" name="regdate" value="1,999">1年以上</p>
                            <p class="choose-list" name="regdate" value="2,999">2年以上</p>
                            <p class="choose-list" name="regdate" value="3,999">3年以上</p>
                            <p class="choose-list" name="regdate" value="4,999">4年以上</p>
                            <p class="choose-list" name="regdate" value="5,999">5年以上</p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </form>

</div>